<template>
  <div flex-center w-full h-full>
    <dv-capsule-chart :config="config" style="width: 92%; height: 18rem" />
  </div>
</template>
<script setup>
const config = reactive({
  data: [
    {
      name: "长沙",
      value: 167,
    },
    {
      name: "湘潭",
      value: 123,
    },
    {
      name: "株洲",
      value: 98,
    },
    {
      name: "岳阳",
      value: 75,
    },
    {
      name: "怀化",
      value: 66,
    },
    {
      name: "娄底",
      value: 66,
    },
    {
      name: "新化",
      value: 66,
    },
  ],
  colors: ["#e062ae", "#fb7293", "#e690d1", "#32c5e9", "#96bfff"],
  unit: "万元",
  labelNum: 8,
});
</script>
